var resizeMainPage = function() {
	var detailedOpened = false;
	var animate = false;
	var previosElement;
	var itemLength = $('.b-main-page-navigation > .item').length;
	var item = $('.b-main-page-navigation .item');
	var itemMinimized = item.find('.minimized');
	var itemDetailed = item.find('.detailed');
	var itemDetailedHeight = 406;
	var overflow = true;
	var scrollPosition;
	var timer;

//	if (itemLength == 5) {
//		var itemMinimizedClosedHeight = 180;
//		var itemMinimizedOpenedHeight = 123;
//	}
//

	$(window).resize(function() {
	
		windowHeight = $(window).height();
		windowWidth = $(window).width();
		ratioHeight = windowHeight / 714;
		ratioWidth = windowWidth / 1152;
		itemMinimizedClosedHeight = Math.round(windowHeight * (1 / itemLength));
		if ($.browser.mozilla) {
			itemMinimizedOpenedHeight = Math.round((windowHeight - itemDetailedHeight) / (itemLength-1)) - 0.5;
		} else {
			itemMinimizedOpenedHeight = Math.round((windowHeight - itemDetailedHeight) / (itemLength-1) - 1);
		}
		
		
		if (itemMinimizedOpenedHeight < 40) {
			itemMinimizedOpenedHeight = 40;
		}
		
		item.height(itemMinimizedClosedHeight);
		
		if (!detailedOpened) {
		
			if (itemMinimizedClosedHeight < 60) {
				itemMinimizedClosedHeight = 60;
			}
			
			itemMinimized.height(itemMinimizedClosedHeight);
			item.height(itemMinimizedClosedHeight);
		} else {
			
			if (itemMinimizedOpenedHeight < 40) {
				itemMinimizedOpenedHeight = 40;
			}
		
			itemMinimized.height(itemMinimizedOpenedHeight);
			$('.b-main-page-navigation .item:not(.open)').height(itemMinimizedOpenedHeight);
			$('.b-main-page-navigation .item.open').height(itemDetailedHeight);
		}

		if (windowWidth < 1001 || windowHeight < itemMinimizedOpenedHeight * (itemLength-1) + itemDetailedHeight) {
			$('body').css({'overflow': 'auto'});
			overflow = false;
		} else {
			$('body').css({'overflow': 'hidden'});
			overflow = true;
		}
		
		resizeImgAll();

//		resizeBlock();

	});

	// Показ соответствующих блоков.
	
	itemMinimized.find('a').hover(function() {
		
		var element = $(this).closest('.item');
		// Если запущена анимация прервем выполнение кода.
		
		clearTimeout(timer);
		
		timer = setTimeout(function() {animateAccordion(element)},600);
		
	}, function() {
		clearTimeout(timer);
	});
	
	var animateAccordion = function(element) {
		
		if (animate) {
			return false;
		}
		
		// Укажем что анимация запущенна.
		
		animate = true;
		
		
		// Уберем скролл при анимации.
		if (overflow) {
			$('body').css({'overflow': 'hidden'});
		}

		// Проверим блок открывается первый раз или нет.
		
		if ($('.b-main-page-navigation > .item .detailed.opened').length == 0) {
			
			// Изменим z-index верхнему блоку.
			
			element.find('.minimized').css({'z-index': '0'})
		
			// Развернем блок контейнер.
		
			element.addClass('open');
		
			element.animate({
				'height': itemDetailedHeight
			}, 1000, 'easeOutQuart');
			
			// Уменьшим размер остальных блоков.
			
			$('.b-main-page-navigation .item:not(.open), .b-main-page-navigation .item:not(.open) .minimized')
				.animate({'height': itemMinimizedOpenedHeight}, 1000, 'easeOutQuart', function() {

				});
				
				// Изменим прозрачность блоку с детальной информацией.
		
				// Написать функцию для изменения прозрачности в IE < 8.
		
			element.find('.detailed').fadeTo(1200, 1, function() {
				$(this).addClass('opened');
				
				$('body').css({'overflow': 'auto'});
				
				// Укажем что анимация закончена.
				
				animate = false;
				
				$(window).resize();
				
				if (!overflow) {
					scrollPosition = element.position().top;
					animateScroll(scrollPosition);
				}
				//$$.element = element.find('.detailed .background-inner img');
			});
		
			detailedOpened = true;
			return false;
			
		} else {
			
			// Запустим анимацию скрытия открытого блока;
			
			// Получим открытый элемент.
			
			var itemOpen = $('.b-main-page-navigation .item.open');
			
			itemOpen.animate({
				'height': itemMinimizedOpenedHeight
			},1000, 'easeOutQuart');
			
			// Установим прозрачность блоку содержащему контент.
			
			itemOpen.find('.detailed').fadeTo(1000, 0, function() {
				$(this).removeClass('opened');
				
				// Изменим z-index блоку с ссылкой.
				
				itemOpen.find('.minimized').css({'z-index': '2'});
				
				// Удалим класс обозначающий что он открыт.
			
				itemOpen.removeClass('open');	
			
				// Развернем блок контейнер.
	
				element.addClass('open');
				//$$.element = element.find('.detailed .background-inner img');
			});
			
			// Уменьшим размер остальных блоков.
			
				element.animate({
					'height': itemDetailedHeight
				}, 1000, 'easeOutQuart');
			
				// Изменим прозрачность блоку с детальной информацией.
		
				// Написать функцию для изменения прозрачности в IE < 9.
		
				element.find('.detailed').fadeTo(1200, 1, function() {
					$(this).addClass('opened');
				
					$('body').css({'overflow': 'auto'});
				
					// Укажем что анимация закончена.
				
					animate = false;
				
					if (!overflow) {
						scrollPosition = element.position().top;
						animateScroll(scrollPosition);
					}
			
					$(window).resize();
				});
			
			
			element.find('.minimized').css({'z-index': '0'})
				
		}
	}
	
	var previosScrollPosition = 0;
	
	var animateScroll = function(scrollPosition) {
		
		$(window).scrollTop($(window).scrollTop() + 5);
		if ($(window).scrollTop() >= scrollPosition || $(window).width < scrollPosition || previosScrollPosition == $(window).scrollTop()) {
			previosScrollPosition = 0;
			return false
		} else {
			previosScrollPosition = $(window).scrollTop();
			setTimeout(function() {animateScroll(scrollPosition)}, 10);
		}
	}

	// Хитрое поведение главной фоновой картинки.

	var resizeImgAll = function() {
		$('.b-main-page-navigation .item .detailed .background').each(function() {
			var backgroundBox = $(this)

			if (backgroundBox.find('img').height() <= backgroundBox.height()) {
				backgroundBox.find('img').css('height', '120%').css('width', 'auto');
			}

			if (backgroundBox.find('img').width() <= backgroundBox.width()) {
				backgroundBox.find('img').css('height', 'auto').css('width', '120%');
			}
		});
	}

	var resizeImg = function(item) {
		var backgroundBox = $(item);

		if (backgroundBox.find('img').height() <= backgroundBox.height()) {
			backgroundBox.find('img').css('height', '120%').css('width', 'auto');
		}

		if (backgroundBox.find('img').width() <= backgroundBox.width()) {
			backgroundBox.find('img').css('height', 'auto').css('width', '120%');
		}
	}

	$(window).resize();
};
